.tui-conversation {
	height: calc(100vh - var(--window-top) - var(--window-bottom));
	background-color: #161714;
}
.tui-conversation-header-item {
	padding: 0 10rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;

	.title {
		color: #ffffff;
		font-size: 36rpx;
		font-weight: bold;
	}

	.oper {
		display: flex;

		.item {
			margin-left: 50rpx;

			&:first-child {
				margin-left: 0;
			}

			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
	}
}
.tui-conversation-header {
	&-children {
		right: 0;
	}
}
